<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            改变promise实例的状态和指定回调的顺序应该谁先谁后？
                    1.都有可能，正常情况下先指定回调再改变状态，但也可以先改变状态再指定回调
                    2.如何先改状态再指定回调？
                            延迟一会儿再调用then()
                    3.Promise实例什么时候才能得到数据?
                            如果先指定的回调，那当状态发生改变时，回调函数就会调用，得到数据
                            如果先改变的状态，那当指定回调时，回调函数就会调用，得到数据
        */

        // 先指定回调，后改变状态(常见的场景)
        const p1 = new Promise((resolve,reject)=>{
            setTimeout(() => {
                resolve(123)
            }, 1000);
        })
        p1.then(
            (res)=>{
                console.log(res)
            },
            (err)=>{
                console.log(err)
            }
        )

        // 先改变状态，后指定回调
        const p2 = new Promise((resolve,reject)=>{
            resolve(123)
        })

        setTimeout(() => {
            p2.then(
                (res)=>{
                    console.log(res)
                },
                (err)=>{
                    console.log(err)
                }
            )
        }, 2000);
    </script>
</body>
</html>